/*清除浮动代码*/ 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 


/*表格排序CSS*/
.headerName{
    width: 90%;
    text-align: center;
}
.sorting{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    /*left: 10px;*/
}
.sorting_asc {

    background: url('../img/sort_asc.png') no-repeat center center;
}
.sorting_both {

    background: url('../img/sort_both.png') no-repeat center center;
}
.sorting_desc {
    background: url('../img/sort_desc.png') no-repeat center center;
}


/*样式冲突*/
.table-bordered > thead > tr > th{
	border-color:#ddd !important;
}


/*loading框*/
.cube1, .cube2 {
  background-color: #7266BA;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -10px;
   
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}
 
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
 
@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}



/*grid样式*/
.linka{
  color:goldenrod !important;
}

.linka:hover{
  text-decoration: underline;
}

.navi ul.nav li a > i{
    margin-right:0px !important;
}

.mgt-10{
    margin-top: 10px;
}

.mgb-15{
    margin-bottom: 15px;
}

.bg-white{
    background: #fff;
}

.no-padding-bottom{
    padding-bottom: 0;
}
.no-padding-top{
    padding-top: 0;
}

.width-30{
    width: 30%;
}

.processing{
    color: #fff;
}

.processing .processBtn{
    display: block;
    font-size: 32px;
}

.text-right{
    right: 0px;
    top:2px !important;
}

h4{
    font-weight: normal;
    color: #666;
    font-size: 16px;
}

.pdb-25{
    padding-bottom: 25px !important;
}


.titleBtns button{
    margin-left: 5px;
}

.subBtns button{
    margin-left: 5px;
}


.bk-group{
    width:100%;
    display: table;
    margin-bottom: 0px !important;
}

.bk-title{
    width:38px;
    height: 180px;
    display: table-cell;
    background: #f6f8f8;
    vertical-align: middle;
    text-align: center;
}

.bk-title span{
    display: block;
    color: #999999;
}

.bk-detail{
    padding: 20px;
}

.bk-detail .wrap-title{
    text-align: center;
    line-height: 30px;
}


.wrap .chk_1{
    display: none;
}

.wrap .chk_1 + label{
    display: inline-block;
    width: 56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666;
    border:1px solid #ced9dc;
    border-radius: 2px;
    margin-right: 8px;
    cursor: pointer;
}
.wrap .chk_1:checked + label,.wrap .ch_1 + label:active{
    background: #38b6e2;
    color: #fff;
    border:1px solid #38b6e2;
}

#timeGrid{
    padding-left: 0;
}


#timeGrid li{
    width:35px;
    height: 30px;
    border: 1px solid #ced9dc;
    border-right: none;
    text-align: center;
    line-height: 30px;
    float: left;
    list-style: none;
    cursor: pointer;
}

#timeGrid li.active{
    background: #38b6e2;
    color: #fff;
    border: 1px solid #38b6e2;
    border-left:1px solid #eee;
}

#timeGrid li:last-child{
    border-right: 1px solid #ced9dc;
}

.numberComponent input{
    width:10%;
    border-radius: 0;
    float: left;
}

.numberComponent .plusMinus{
    margin-left: 3px;
    float: left;
    width:20px;
    height: 34px;
    background: #eee;
}

.numberComponent .plusMinus button{
    -webkit-appearance: none;
    display: block;
    background: transparent;
    border: none;
    width:100%;
    text-align: center;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
    color: #999;
}


.rzslider .rz-pointer{
    top:-10px !important;
    width:25px !important;
    height: 25px !important;
    border-radius: 50%;
}

.rzslider .rz-pointer:after{
    top: 9px !important;
    left: 9px !important;
}

.rzslider .rz-pointer.rz-active:after{
    background-color: #fff !important;
}

.app-footer{
    margin-left: 0 !important;
}

.width-160{
    width: 160px !important;
}

.ml-160{
    margin-left: 160px !important;
}

.subnavi .nav li.active{
    background-color: #fff !important;
}

.nav-mgr ul.nav li a > i{
    margin-right: 5px !important;
}


.dropdown-menu > li > a{
    padding: 10px 15px;
    border-bottom: 1px solid #eee !important;
}

.dropdown-menu > li:last-child > a{
    border-bottom: 0 !important;
}



/*form wizard*/
.form-wizard .steps > li > a.step > .number{
    background-color: #eee;
    display: inline-block;
    text-align: center !important;
    font-size: 16px;
    font-weight: 300;
    padding: 11px 15px 13px 15px;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.form-wizard .steps > li.active > a.step .number {
    background-color: #27c24c;
    color: #fff;
}

.mgl-36{
    margin-left: 36px !important;
}



@media (min-width: 768px) {
    .app-aside-folded .navi.subnavi > ul > li > a span {
        display: block !important;
    }

    .app-aside-folded .navi.subnavi > ul > li > a{
        padding: 10px 20px !important;
        height: auto !important;
        text-align: left !important;
    }

    .app-aside-folded .navi.subnavi ul.nav li a > i{
        position: relative !important;
        float: left !important;
        width: 40px;
        margin: -10px -10px;
        /*margin-right: 5px;*/
        overflow: hidden;
        line-height: 40px;
        text-align: center;
    }

}









